<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>项目详情-网演中国粤西平台</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=9,Chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" co  ntent="black" />
<link rel="stylesheet" type="text/css" href="../css/public.css">
<link rel="stylesheet" type="text/css" href="../css/index.css">
<script type="text/javascript" src="../js/clientwidth.js"></script>
<script type="text/javascript" src="../js/scroll.js"></script>
<style type="text/css">
.scroll{margin:0px auto;width:100%;height:250px;overflow:hidden;position:relative;}
.mod_01{float:left;width:640px;}
.mod_01 img{display:block;width:100%;height:250px;}
.dotModule_new{padding:0 5px;height:15px;line-height:6px;-webkit-border-radius:11px;background:rgba(45,45,45,0.5);position:absolute;bottom:5px;right:10px;z-index:1;}
#slide_01_dot{text-align:center;margin:3px 0 0 0;}
#slide_01_dot span{display:inline-block;margin:0 3px;width:5px;height:5px;vertical-align:middle;background:#f7f7f7;-webkit-border-radius:5px;}
#slide_01_dot .selected{background:#66ff33;}
</style>
<script src="../js/jquery-1.11.1.min.js"></script>
<script>
/*<![CDATA[*/
function dialogAnimate(dialog , fullscreen) {
	
	var _this = this;
	var fixPosition = 100;
	this.init = function() {
		_this.dialogBodyHeight = $(dialog).outerHeight();
		_this.visibleTop = $(window).outerHeight() - _this.dialogBodyHeight;
		_this.hiddenTop = $(window).outerHeight() + fixPosition;
		$(dialog).css('top' , _this.hiddenTop + 'px');	
	}
	
	this.init();
	
	this.open = function(){
		_this.init();
		$(fullscreen).removeClass('m-hide');
		$(dialog).css('visibility', 'visible');
		$(dialog).animate({'top' : _this.visibleTop + 'px'}, 50);
	}
	
	this.close = function() {
		
		//var hiddenTop = $(window).outerHeight();
		
		$(dialog).animate({'top' : _this.hiddenTop + 'px'}, 50,function() {
			$(dialog).css('visibility' , 'hidden');
			$(fullscreen).addClass('m-hide');
		});
	};
	
	
	this.auto = function(submit, close) {
		$(document).on("click", submit, function(e){
			e.preventDefault();
			_this.open();
		});
		$(document).on("click" ,close,function(e){
			e.preventDefault();
			_this.close();
		});
	};
}

/*]]>*/
</script>
</head>
<body>
<div class="head-nav">
	<div class="head-left"><a href="#1"><div class="back">返回</div></a></div>
	<div class="head-center">详情</div>
	<div class="head-right"><a href="#"><div class="shuoming"></div></a></div>
</div>
<!-- 代码 开始 -->
<div class="scroll">
	<div class="slide_01" id="slide_01">
		<div class="mod_01"><a href="#"><img src="images/51352100.jpg" alt="腾讯视频"></a></div>
		<div class="mod_01"><a href="#"><img src="images/50849300.jpg" alt="神雕侠侣【金庸正版】"></a></div>
		<div class="mod_01"><a href="#"><img src="images/54330800.jpg" alt="装机必备"></a></div>
		<div class="mod_01"><a href="#"><img src="images/21651800.jpg" alt="优酷视频播放器"></a></div>
		<div class="mod_01"><a href="#"><img src="images/52208700.jpg" alt="天翼精品"></a></div>
		<div class="mod_01"><a href="#"><img src="images/02856300.jpg" alt="梦想海贼王(送路飞)"></a></div>
		<div class="mod_01"><a href="#"><img src="images/92191400.jpg" alt="酷站代码"></a></div>
		<div class="mod_01"><a href="#"><img src="images/44452000.jpg" alt="安全管家"></a></div>
	</div>
	<div class="dotModule_new">
		<div id="slide_01_dot"></div>
	</div>
</div>
<script type="text/javascript">
if(document.getElementById("slide_01")){
	var slide_01 = new ScrollPic();
	slide_01.scrollContId   = "slide_01"; //内容容器ID
	slide_01.dotListId      = "slide_01_dot";//点列表ID
	slide_01.dotOnClassName = "selected";
	slide_01.arrLeftId      = "sl_left"; //左箭头ID
	slide_01.arrRightId     = "sl_right";//右箭头ID
	slide_01.frameWidth     = 640;
	slide_01.pageWidth      = 640;
	slide_01.upright        = false;
	slide_01.speed          = 10;
	slide_01.space          = 30; 
	slide_01.initialize(); //初始化
}
</script>
<div id="itembox">
	<div class="bigtitle">粤剧专场演出，粤夜越精彩</div>
	<div class="retime">价格：10000元</div>
</div>

<div id="shangjia">
	<img src="../images/nothumb.jpg">
	<h1>网演</h1>
	<span>卖家好评率<font>100%</font></span>
</div>

<div id="itemmain">
	<div class="itemtitle">项目详情</div>
	<div class="itemcontent">项目详情项目详情项目详情项目详情项目详情项目详情项目详情项目详情项目详情项目详情项目详情项目详情项目详情项目详情项目详情项目详情项目详情项目详情项目详情项目详情项目详情项目详情项目详情项目详情项目详情项目详情项目详情项目详情项目详情项目详情项目详情项目详情项目详情项目详情项目详情项目详情项目详情项目详情</div>
</div>

<div id="itemmain">
	<div class="itemtitle">项目评价</div>
	<div class="itemtab">
		<div class="itemleft"><img src="../images/nothumb.jpg"></div>
		<div class="itemright">
			<div class="itemname2"><em>康师傅</em>购买<i>10000.00元</i></div>
			<div class="itemstar">★★★☆☆</div>
			<div class="itemtext">茶叶质量一般，可能是不适合我的口味。茶叶质量一般，可能是不适合我的口味。茶叶质量一般，可能是不适合我的口味。茶叶质量一般，可能是不适合我的口味。茶叶质量一般，可能是不适合我的口味。茶叶质量一般，可能是不适合我的口味。</div>
			<div class="itemtime">评价时间 2017-04-11</div>
		</div>
	</div>
	<div class="itemtab">
		<div class="itemleft"><img src="../images/nothumb.jpg"></div>
		<div class="itemright">
			<div class="itemname2"><em>康师傅</em>购买<i>10000.00元</i></div>
			<div class="itemstar">★★★☆☆</div>
			<div class="itemtext">茶叶质量一般，可能是不适合我的口味。茶叶质量一般，可能是不适合我的口味。茶叶质量一般，可能是不适合我的口味。茶叶质量一般，可能是不适合我的口味。茶叶质量一般，可能是不适合我的口味。茶叶质量一般，可能是不适合我的口味。</div>
			<div class="itemtime">评价时间 2017-04-11</div>
		</div>
	</div>
	<div class="itemtab">
		<div class="itemleft"><img src="../images/nothumb.jpg"></div>
		<div class="itemright">
			<div class="itemname2"><em>康师傅</em>购买<i>10000.00元</i></div>
			<div class="itemstar">★★★☆☆</div>
			<div class="itemtext">茶叶质量一般，可能是不适合我的口味。茶叶质量一般，可能是不适合我的口味。茶叶质量一般，可能是不适合我的口味。茶叶质量一般，可能是不适合我的口味。茶叶质量一般，可能是不适合我的口味。茶叶质量一般，可能是不适合我的口味。</div>
			<div class="itemtime">评价时间 2017-04-11</div>
		</div>
	</div>
</div>

<div id="bottom" style="margin-bottom:70px;"></div>

<footer id="bar-fixed">
	<a href="follow.php"><span id="btn-follow" data-url="http://m.qschou.com/project/follow/a66b4cae-f585-43f3-a59f-5262c1a6fdac"><i style="background-position:0 -24px;"></i>关注<small>111</small></span></a>
	<a href="#" class="tab-item2">立即定购</a>
	<a href="javascript:void(0);" name="submit"><span data-toggle="modal" data-target="#project-share"><i style="background-position:0 -48px;"></i>分享<small>22</small></span></a>
</footer>

<div name="dialog" class="m-modal m-modal-bottom" style="z-index:19978;display:block;visibility:hidden;bottom:auto;">	
	<div class="m-m-body">
		<div class="m-body-header">分享给好友</div>
		<div class="share-row clearfix" data-url="/project/share/a66b4cae-f585-43f3-a59f-5262c1a6fdac" data-uuid="a66b4cae-f585-43f3-a59f-5262c1a6fdac">
			<a href="javascript:void(0);" id="qrcode" data-dismiss="modal" data-toggle="modal" data-target="#share-qrcode" class="item"><i class="icon icon-qrcode"></i>二维码</a>
			<a href="javascript:void(0);" class="item h5-share-weibo" data-id="0"><i class="icon icon-weibo"></i>新浪微博</a>
			<a href="javascript:void(0);" class="item h5-share-qzone" data-id="4"><i class="icon icon-qqzone"></i>QQ空间</a>
			<a href="javascript:void(0);" class="item h5-share-qqweibo" data-id="6"><i class="icon icon-qqweibo"></i>腾讯微博</a>
			<a href="javascript:void(0);" class="item h5-share-qq" data-id="5"><i class="icon icon-qq"></i>QQ好友</a>
		</div>	
	</div>	
	<div class="m-m-footer"><a href="#" name="close"></a><a title="关闭" onClick="javascript:$('a[name=close]').click()"><span class="btbt">取消</span></a></div>
</div>
<script src="../js/itemDetail.js?v=1.0"></script>
<script>
if (document.body.clientWidth > 640) {
	$('body').css({
		width: 640,
		margin: '0 auto',
	});
}
</script>
</body>
</html>